<script lang="ts">
    import { page } from '$app/stores';
    import { Id } from '$lib/components';
    import { Cover, CoverTitle } from '$lib/layout';
    import { template } from './store';
</script>

<Cover>
    <svelte:fragment slot="header">
        <CoverTitle href={`/console/project-${$page.params.project}/functions/templates`}>
            {$template.name}
        </CoverTitle>
        <Id value={$template.id} event="user">{$template.id}</Id>
    </svelte:fragment>
</Cover>
